<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 

<h:head>
<style>
.margin_left{
	margin-left:-12px;
}
.width{
	width: 100%;
}
.ui-widget{
	font-size: 12px;
}
.rigth{
	float:right;
}
.left{
	float:left;
}
.noborder tr,
.noborder td	
{
    background: none !important;
    border: none !important;
}	
.center{
	margin:0 auto;
}
.width_input{
	width:250px;
}
.width_input2{
	width:260px;
}

.x{
	width: 200px;
}
.x2{
	width: 200px;
}
</style>
</h:head> 
<h:body>
       <h:form id="form2">	
       	<p:fieldset legend="Datos Epresa" toggleable="true">
       		<p:panelGrid columns="6" styleClass="center width noborder" columnClasses="x,x,x,x,x,x">
       		
       				<h:outputText value="Código de socio:" styleClass="rigth" />
					<p:inputText value="#{empresa.numero}" styleClass="width_input" disabled="false"></p:inputText>
					<h:outputText value="" styleClass="" />
					<p:commandButton actionListener="#{empresa.buscarByNumDocumento}" value="Código de socio" update=":form2"></p:commandButton>
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					
					<h:outputText value="Ruc:"  styleClass="rigth" />
					<p:inputText value="#{empresa.documentoPersonaJ.numero}"  styleClass="width_input"/>
					<h:outputText value="Razón Social:" styleClass="rigth" />
					<p:inputText value="#{empresa.personaJ.apellidoPaternoRazonSocial}"  styleClass="width_input"/>
					<h:outputText value="N. Comercial:" styleClass="rigth"  />
					<p:inputText value="#{empresa.personaJ.nombrePersonaNombreComercial}"  styleClass="width_input"/>
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="Tipo Teléfono:"  styleClass="rigth" />
					<p:selectOneMenu value="#{empresa.idCTMTelf}" styleClass="width_input">
						<f:selectItems value="#{maestro.listaTipotelefono}"/>
					</p:selectOneMenu>
					<h:outputText value="Número:" styleClass="rigth" />
					<p:inputText value="#{empresa.telefonoPersonaJ.numero}" styleClass="width_input"/>
					<h:outputText value="Anexo:" styleClass="rigth"  />
					<p:inputText  value="#{empresa.telefonoPersonaJ.anexo}" styleClass="width_input"/>
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="Email:"  styleClass="rigth" />
					<p:inputText value="#{empresa.personaJ.email}"  styleClass="width_input"/>
					<h:outputText value="Pagina web:"  styleClass="rigth" />
					<p:inputText value="#{empresa.personaJ.paginaWeb}"  styleClass="width_input"/>
					<h:outputText value="" styleClass="rigth"  />
					<h:outputText value="" styleClass="rigth"  />
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					
					<h:outputText value="Departamento:" styleClass="rigth" />
					<p:selectOneMenu id="selectDepartamento" value="#{ubigeo.idDepartamento}" styleClass="width_input">
						<f:selectItem itemValue="" itemLabel="Departamento"/>
						<f:selectItems value="#{ubigeo.listaDepartamento}"/>
						<p:ajax update="selectProvincia, selectDistrito" /> 
					</p:selectOneMenu>
					<h:outputText value="Provincia:" styleClass="rigth"/>
					<p:selectOneMenu id="selectProvincia" value="#{ubigeo.idProvincia}" styleClass="width_input">
						<f:selectItem itemValue="" itemLabel="Provincia"/>
						<f:selectItems value="#{ubigeo.listaProvincia}"/>
						<p:ajax update="selectDistrito" /> 
					</p:selectOneMenu>
					<h:outputText value="Distrito:" styleClass="rigth"/>
					<p:selectOneMenu id="selectDistrito" value="#{ubigeo.idDistrito}" styleClass="width_input">
						<f:selectItem itemValue="" itemLabel="Distrito"/>
						<f:selectItems value="#{ubigeo.listaDistrito}"/>
						<p:ajax update="selectDistrito" /> 
					</p:selectOneMenu>
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
						
					<h:outputText value="Zona:"  styleClass="rigth" />
					<p:panelGrid columns="1">
						<p:selectOneMenu value="#{empresa.idCTMZona}" style="width:265px;" styleClass="margin_left ">
							<f:selectItems value="#{maestro.listaZona}"/>
						</p:selectOneMenu>
						<p:inputText value="#{empresa.direccionPersonaJ.nombreZona}"  styleClass="width_input margin_left"/>
					</p:panelGrid>
					<h:outputText value="Via:"  styleClass="rigth" />
					<p:panelGrid columns="1">
						<p:selectOneMenu value="#{empresa.idCTMVia}" style="width:265px;" styleClass=" margin_left ">
							<f:selectItems value="#{maestro.listaVia}"/>
						</p:selectOneMenu>
						<p:inputText value="#{empresa.direccionPersonaJ.nombreVia}"  styleClass="width_input margin_left"/>
					</p:panelGrid>
					<h:outputText value="" styleClass="rigth"  />
					<h:outputText value="" styleClass="rigth"  />
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="Número:" styleClass="rigth" />
					<p:inputText value="#{empresa.direccionPersonaJ.numero}" styleClass="width_input"></p:inputText>
					<h:outputText value="# Departamento:" styleClass="rigth" />
					<p:inputText value="#{empresa.direccionPersonaJ.departamento}" styleClass="width_input"></p:inputText>
					<h:outputText value="Interior:" styleClass="rigth" />
					<p:inputText value="#{empresa.direccionPersonaJ.interior}" styleClass="width_input"></p:inputText>	
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="Manzana:" styleClass="rigth" />
					<p:inputText value="#{empresa.direccionPersonaJ.manzana}" styleClass="width_input"></p:inputText>
					<h:outputText value="Lote:" styleClass="rigth" />
					<p:inputText value="#{empresa.direccionPersonaJ.lote}" styleClass="width_input"></p:inputText>
					<h:outputText value="Kilometro:" styleClass="rigth" />
					<p:inputText value="#{empresa.direccionPersonaJ.kilometro}" styleClass="width_input"></p:inputText>
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>	
					
					<h:outputText value="Tipo Vivienda" styleClass="rigth" />
					<p:selectOneMenu value="#{empresa.idCTMVivienda}" styleClass="width_input">
							<f:selectItems value="#{maestro.listaTipovivienda}" />
					</p:selectOneMenu>
					<h:outputText value="Referencia" styleClass="rigth" />
					<p:inputTextarea value="#{empresa.direccionPersonaJ.referencia}" styleClass="width_input" ></p:inputTextarea>
					<h:outputText value="" styleClass="rigth" />
					<h:outputText value="" styleClass="rigth" />
       			
       		</p:panelGrid>
       	</p:fieldset>
       	
       	<br/>
       	<br/>
       	
       	<p:fieldset legend="Datos Representante" toggleable="true" >
       		<p:panelGrid columns="6" styleClass="center width noborder" columnClasses="x,x,x,x,x,x">
       		
       				<h:outputText value="Código de socio:" styleClass="rigth" />
					<p:inputText styleClass="width_input" disabled="true"></p:inputText>
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="Tipo documento:"  styleClass="rigth" />
					<p:selectOneMenu value="#{empresa.idCTMNatural}" styleClass="width_input">
						<f:selectItems value="#{maestro.listaTipodocumento}"/>
					</p:selectOneMenu>
					<h:outputText value="Número:" styleClass="rigth" />
					<p:inputText value="#{empresa.documentoPersonaN.numero}"  styleClass="width_input"/>
					<h:outputText value="" styleClass="rigth"  />
					<h:outputText value="" styleClass="rigth"  />
					
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="AP. Paterno:"  styleClass="rigth" />
					<p:inputText value="#{empresa.personaN.apellidoPaternoRazonSocial}"  styleClass="width_input"/>
					<h:outputText value="AP. Materno:" styleClass="rigth" />
					<p:inputText value="#{empresa.personaN.apellidoMaterno}"  styleClass="width_input"/>
					<h:outputText value="Nombres:" styleClass="rigth"  />
					<p:inputText value="#{empresa.personaN.nombrePersonaNombreComercial}"  styleClass="width_input"/>
					
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					<p:spacer style="height:10px;"></p:spacer>
					
					<h:outputText value="Vínculo Empresa:" styleClass="rigth" />
					<p:inputText styleClass="width_input"></p:inputText>
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					<h:outputText value="" styleClass="" />
					
       		</p:panelGrid>
       	</p:fieldset>
       	
       	<br/>
       	<br/>
       	
       	<p:panelGrid columns="2" styleClass="center  noborder">
       		<p:commandButton actionListener="#{empresa.addEmpresa}" value="Grabar"></p:commandButton>
       		<p:commandButton value="Limpiar"></p:commandButton>
       	</p:panelGrid>
       </h:form>
</h:body> 
</html>
